BigEvent Documentation

Getting Started

Welcome

Thanks for purchasing our template :)

It is our great pleasure that you purchased our template. And we want to tell you that you don't need to write any codes for this template. Just follow some instructions for customizing the template.

If you have any questions, feel free to contact us at mailto:labartisan@labartisan.com.

Features

  • Home Pages
  • Total 21+ HTML Files
  • Fully responsive
  • Clear & Neat design
  • Bootstrap Based
  • fontawesome Icon
  • Nice portfolio and Blog
  • Smooth animation
  • Browser compatibility (IE10+, Chrome, Safari, Firefox, Opera)
  • Well documented

Folder Arrange

Unzip the archive and find out the folder "buyer-file". There are all the template files in this folder. You can open the following files for your customization.

  1. assets/css — folder with CSS files.
  2. assets/fonts — folder with icon fonts.
  3. images — folder with image files.
  4. assets/js — folder with JAVASCRIPT files.

  5. index.html — Home Page.
  6. about.html — About us Page.
  7. blog.html — Blog Page.
  8. blog-single.html — Blog Single Page.
  9. portfolio.html — Photo Portfolio Page.

  10. and Some other HTML Files
    11. .

Installation

01. FTP Upload

  • Open Your FTP manager and connect to your hosting
  • Browse to required directory(Normally public_html)
  • Upload the files inside buyer-file folder
  • That's all !

02. All HTML Pages

html

03. Fonts

Go to Google Fonts and select your favorite fonts and then just replace the code.

  <!--Google Fonts-->
      
  https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i%7CPoppins:300,400,500,600,700" rel="stylesheet

05. Source File (CSS)

All required css files have been linked like below-

  <link href="assets/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/css/font-awesome.min.css" rel="stylesheet">
  <link href="assets/flaticon/flaticon.css" rel="stylesheet">
  <link href="assets/css/swiper.min.css" rel="stylesheet">
  <link href="assets/css/lightcase.css" rel="stylesheet">
  <link href="assets/css/quick-view.css" rel="stylesheet">
  <link href="assets/css/jquery.nstSlider.css" rel="stylesheet">
  <link href="assets/css/flexslider.css" rel="stylesheet">
  <link href="assets/css/banner-bg.css" rel="stylesheet">
  <link href="assets/css/style.css" rel="stylesheet">
  <link href="assets/css/header.css" rel="stylesheet">
  <link href="assets/css/responsive.css" rel="stylesheet">

06. Source File (JS)

All required css files have been linked like below. if you need any customization in JAVASCRIPT you have to edit the function.js file. 

  <script src="assets/js/jquery-3.1.1.min.js"></script>
  <script src="assets/js/jquery-migrate-1.4.1.min.js"></script>
  <script src="assets/js/bootstrap.min.js"></script>
  <script src="assets/js/jquery.countdown.min.js"></script>
  <script src="assets/js/swiper.jquery.min.js"></script>
  <script src="assets/js/masonry.pkgd.min.js"></script>
  <script src="assets/js/lightcase.js"></script>
  <script src="assets/js/modernizr.js"></script>
  <script src="assets/js/velocity.min.js"></script>
  <script src="assets/js/quick-view.js"></script>
  <script src="assets/js/jquery.nstSlider.js"></script>
  <script src="assets/js/nstfunctions.js"></script>
  <script src="assets/js/flexslider-min.js"></script>
  <script src="assets/js/flexfunctions.js"></script>
  <script src="assets/js/directional-hover.js"></script>
  <script src="assets/js/jquery.easing.min.js"></script>
  <script src="assets/js/parallax.js"></script>
  <script src="assets/js/theia-sticky-sidebar.js"></script>
  <script src="assets/js/custom.js"></script>

This is logo and navigation codes.

  <ul>
    <li>
      <a href="#">Home</a>
      <ul class="scrollbar" id="style-scroll-v3">
        <li><a href="index.html">Homepage Style One</a></li>
        <li><a href="index-2.html">Homepage Style Two</a></li>
        <li><a href="index-3.html">Homepage Style Three</a></li>
        <li><a href="index-4.html">Homepage Style Four</a></li>
        <li><a href="index-5.html">Homepage Style Five</a></li>
        <li><a href="index-6.html">Homepage Style Six</a></li>
        <li><a href="index-7.html">Homepage Style Seven</a></li>
        <li><a href="index-8.html">Homepage Style Eight</a></li>
        <li><a href="index-9.html">Homepage Style Nine</a></li>
        <li><a href="index-10.html">Homepage Style Ten</a></li>
        <li><a href="index-11.html">Homepage Style Eleven</a></li>
        <li><a href="index-12.html">Homepage Style Twelve</a></li>
        <li><a href="index-13.html">Homepage Style Thirteen</a></li>
        <li><a href="index-14.html">Homepage Style Fourteen</a></li>
        <li><a href="index-dark.html">Dark Homepage</a></li>
        <li><a href="index-reunion.html">Reunion</a></li>
        <li><a href="index-newyear.html">Newyear</a></li>
        <li><a href="onepage.html">One Page</a></li>
        <li><a href="box-layout.html">Home Box Layout</a></li>
        <li><a href="index-fashion.html">Fashion</a></li>
        <li><a href="http://demos.codexcoder.com/labartisan/html/BigEvent-rtl/">
            الصفحة الرئيسية رتل</a></li>
      </ul>
    </li>
    <li>
      <a href="#">About</a>
      <ul>
        <li><a href="about.html">About Style One</a></li>
        <li><a href="about-2.html">About Style Two</a></li>
      </ul>
    </li>
    <li>
      <a href="#">Speakers</a>
      <ul>
        <li><a href="speakers.html">Speakers</a></li>
        <li><a href="speaker-details.html">Speaker Details</a></li>
      </ul>
    </li>
    <li><a href="#">Event></a>
      <ul>
        <li><a href="becodem-sponsor.html">Become Sponsoor</a></li>
        <li><a href="event-sponsor.html">Event Sponsor</a></li>
        <li><a href="event.gallery.html">Gallery</a></li>
        <li><a href="event-gallery-massonry.html">Gallery Massonry</a></li>
      </ul>
    </li>
    <li>
      <a href="#">Pages</a>
      <ul>
        <li><a href="blog.html">Blog Page</a></li>
        <li><a href="single.html">Blog Single</a></li>
        <li><a href="ticket.html">Pricing Table</a></li>
        <li><a href="schedule.html">Schedule</a></li>
        <li><a href="faq.html">faq</a></li>
        <li><a href="testimonial.html">Testimonial</a></li>
        <li><a href="venue.html">venue</a></li>
        <li><a href="coming-soon.html">coming soon</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="404.html" class="active">404 Error</a></li>
      </ul>
    </li>
    <li>
      <a href="#">Shop</a>
      <ul>
        <li><a href="product.html">Prodect Page</a></li>
        <li><a href="product-details.html">Product Details</a></li>
        <li><a href="shop-cart.html">Cart Page</a></li>
      </ul>
    </li>
  </ul>

Here is your main logo code. To add your logo, replace logo.png from images/logo/ directory with your logo in PNG format.

  <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo" class="img-responsive"></a>
Note: Keep your logo inside the ./assets/images/logo folder. The logo size should be maximum 178x25 pixel.

To change the menu name you will need to edit in the tag <li><a href="#">menu name </a> </li> and add your text in the middle of the tag.



Section Styles

Here is your section structure.

<section class="section-name">
    <div class="container">
      ...
    </div>
</section>

In the class="section-name" you can replace with your desired class.


Utility Classes

You can use next modification classes to set block margins and paddings:


margin-top

mt-1 ... mt-5

margin-bottom

mb-1 ... mb-5

padding-top

pt-1 ... pt-5

padding-bottom

pb-1 ... pb-5



You Can Change Your Copyright text by changing footer sections copyright part like below-

<footer>
  <div class="overlay">
    <div class="container">
      <h2>BigEvent</h2>
      <ul class="event-social">
        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
        <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
        <li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li>
        <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
      </ul>
      <p>Copyright © 2021. Design and Development by <a href="https://themeforest.net" target="_blank" >LabArtisan</a></p>
    </div>
  </div>
</footer>

Support

If you face any kinds of problems with our template or you have any questions, please feel free to contact us at mailto:labartisan@labartisan.com.


Browse Our others Template on Themeforest- LabArtisanLabArtisan